<template>
	<div>
		<div class="big">
			<div style="background: #f5f5f5;">
				<p style="text-align: center;font-weight: 600;line-height: 0.85rem;font-size: 0.4rem;">个人中心</p>
			</div>
			<div class="top">
				<p style="font-size: 0.5rem;margin-bottom:0.5rem;">{{userInfo.name}}</p>
			</div>
			<div class="big-wen">
				<div class="line" onclick="window.location.href='/code'"><span class="line-left">推广二维码</span><span class="line-right">></span></div>
				<div class="line" onclick="window.location.href='/customer'"><span class="line-left">推广客户</span><span class="line-right">></span></div>
				<div class="line" onclick="window.location.href='/center'"><span class="line-left">账户信息</span><span class="line-right">></span></div>
			</div>
			<div id="footer">
				<p id="footer_p1" @click="loginOut">
					<span id="footer_span1">
						退出登录
					</span>
				</p> 
			</div>
		</div>
	</div>
</template>
<script>
export default {
	data() {
		return {
			userInfo:{}
		};
	},
	created() {
		this.userInfo=JSON.parse(localStorage.getItem('userInfo'))
		console.log(this.userInfo,"userInfo")
	},
	mounted() {
	},
	methods: {
		loginOut(){
			localStorage.clear();
			this.$router.replace('/login')
		},
	}
};
</script>
<style scoped  lang='scss'>
@import './index.scss';
</style>